Ext.define('aps.barraSuperior', {
    extend: 'Ext.panel.Panel',
    alias : 'aps.barraSuperior',
    
    title:  'APS - Administrador de Proyectos de Sistemas',
    name:   'barra-superior',
    id:     'barra-superior',
    margin: '1 1 1 1',
    region: 'north',
    layout: 'fit',
    border: false,  
    initComponent: function() {
        this.tbar = [{
                text: 'Nombre de Usuario',
                id: 'boton1',
                iconCls: 'user-icon',
                handler: function(){
                    var panel = Ext.create('aps.UsuarioParamsPanel');
                    var win   = Ext.create('Ext.Window',{
                        title:     'DATOS DEL USUARIO',
                        height:    180,
                        width:     500,
                        modal:     true,
                        frame:     false,
                        border:    false,
                        resizable: false,
                        items:    [panel]
                    });
                        win.show();
                    },
            }, '-',
                Ext.create('aps.comboProyecto')
            , '-',
                Ext.create('aps.comboFase')
            ,'->','-',{
                text:    'Logout',
                iconCls: 'logout-icon',
                handler: function(){
                    window.location = '/logout';
                }
        }];
        Ext.Ajax.request({
            url:    '/consultar_usuario_login',
            success: function(response, opts) {
                var obj = Ext.JSON.decode(response.responseText);
                var nombres = obj.nombres;
                var apellidos = obj.apellidos;
                Ext.getCmp('boton1').setText(nombres+' '+apellidos); 
            },
        });
        
        this.callParent(arguments);
    }
});
